<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>精灵图</title>
    <style>
        .demo01 {
            width: 170px;
            height: 170px;
            background-image: url(精灵图.png);
            background-repeat: no-repeat;
            background-position:-340px 0;
        }
.demo02 {
            width: 150px;
            height: 170px;
            background-image: url(精灵图.png);
            background-repeat: no-repeat;
            background-position:-560px -200px;
        }
        .demo03 {
            width: 170px;
            height: 170px;
            background-image: url(精灵图.png);
            background-repeat: no-repeat;
            background-position:-520px -800px;
        }
    </style>
</head>
<body>
        <div class="demo01"></div>
        <div class="demo02"></div>
        <div class="demo03"></div>
</body>
</html>